// tabab/pages/store/map/map.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // map
    latitude: 31.250695,
    longitude: 121.598697,
    scale: 20,
    markers: [{
      id: 1,
      latitude: 31.250695,
      longitude: 121.598697,
      width: '34',
      height: '34',
      iconPath: '/image/logo.png',
      callout: {
        content: '华德培全球旅行婚礼',
        padding: 10,
        borderRadius: 2,
        display: 'ALWAYS'
      },
    }],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const store = JSON.parse(options.store)
    wx.setNavigationBarTitle({
      title: store.name
    })
    this.setData({
      store,
      latitude: store.latitude,
      longitude: store.longitude,
      markers: [{
        id: 1,
        latitude: store.latitude,
        longitude: store.longitude,
        width: '32',
        height: '32',
        iconPath: '/image/logo.png',
        callout: {
          content: `华德培全球旅行婚礼-${store.name}\r\n${store.address}`,
          padding: 10,
          borderRadius: 2,
          display: 'ALWAYS',
          color: '#a60046',
        },
        // label: {
        //   content: '华德培全球旅行婚礼',
        //   padding: 5,
        //   anchorX: -70,
        //   anchorY: 5,
        //   color: '#a60046',
        //   bgColor: '#ffffff',
        //   borderRadius: 2,
        //   display: 'ALWAYS'
        // }
      }],
    })
  },
  onRunApi() {
    const version = wx.getSystemInfoSync().SDKVersion;
    console.log(version)
    const mapCtx = wx.createMapContext('myMap', this);
    const {
      store
    } = this.data
    mapCtx.openMapApp({
      latitude: store.latitude,
      longitude: store.longitude,
      destination: `华德培全球旅行婚礼-${store.name}`,
      complete: res => {
        console.log(res);
      }
    });

  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})